// import { imgHandle } from '@/filters'

// 自定义指令 这里需要在main.js中挂载
export const imageerror = {
  inserted(dom, options) {
    // 这里要判断图片是否为空
    dom.src = dom.src || options.value // 初始化的时候，如果有值  就执行dom 如果没有值就执行op
    //   图片异常的逻辑
    // 监听img标签的错误事件， 因为图片加载失败，会触发 onerror事件
    // 判断初始值
    dom.onerror = function() {
      // 图片失败， 赋值一个默认的图片
      dom.src = options.value
    }
  },
  // 该函数桶inserted一样，也是一个钩子函数
  componentUpdated(dom, options) {
    // 该钩子函数会在当前指令作用的组件 更新数据完毕之后，执行
    // inserted 只会执行一次
    // 组件初始化，一旦更新就会在进入 insserted函数 会进去componentUpdated
    dom.src = dom.src || options.value
  }
}
